<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>OA</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" type="text/css" href="../../css/lib/mui/mui.css">
		<link rel="stylesheet" type="text/css" href="../../css/common/animate.css">
		<link rel="stylesheet" type="text/css" href="../../css/common/common.css"/>
	</head>

	<body>
		<header class="header-backcolor mui-bar mui-bar-nav">
			<a id="title_icon" class="mui-action-back  pan_header_a_left">
					<div id="backBtn" style="display: none;">
						<img id="back_img" src="../../img/menu/ico_return.png" class="pan_header_left_img_block" >
						<button class="mui-action-back mui-btn mui-btn-blue mui-btn-link mui-btn-nav mui-pull-left">
							<span class="pan_header_left_span_block" id="back">返回</span>
						</button>	
					</div>
			</a>
			<h1 class="mui-title" id="title">通知公告</h1>
		</header>
		<div id="content"  class="mui-scroll-wrapper mui-content" >
			
			<div id="slider" class="mui-slider">
			    <div class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted" id="segmented">
			        <div class="mui-scroll" style="width:100%">
			                <a class="mui-control-item mui-active" href="#item1mobile" style="width:50%">
			                    	未读
			                </a>
			                <a class="mui-control-item" href="#item2mobile" style="width:50%">
			                    	已读
			                </a>
			    	</div>
				</div>
	            <div class="mui-slider-group">
	            	
	                <div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
	                    <ul id="container" class="mui-table-view">
		    			</ul>
	                </div>
	                <div id="item2mobile" class="mui-slider-item mui-control-content ">
	                    <ul id="container2" class="mui-table-view">
	                    </ul>
	                </div>
	            </div>
        	</div>
		</div>
		
	</body>
		<script type="text/javascript" src="../../js/common/config.js" ></script>
		<script type="text/javascript" src="../../js/lib/mui/mui.js"></script>
		<script type="text/javascript" src="../../js/lib/jquery/jquery.js"></script>
		<script type="text/javascript" src="../../js/common/common.js" ></script>
		<script type="text/javascript" src="../../js/lib/jquery/jquery.json.js" ></script> 
		<script type="text/javascript" src="../../js/app/notice/notice.js"></script>
</html>